.page {
  display: flex;
  flex-direction: column;
  justify-items: center;
  align-items: center;
  margin: 64rpx;

  .page_head {
    margin: 32rpx;
    position: relative;
    display: inline-block;

    .page_head_image {
      width: 100rpx;
      height: 100rpx;
      border-radius: 180rpx;
    }

    .page_head_button {
      position: absolute;
      top: 0;
      left: 0;
      width: 100px;
      height: 100px;
      opacity: 0;
      z-index: 1;

    }
  }


  .body_input {
    display: flex;
    align-items: center;
    margin-bottom: 48rpx;
    padding: 20rpx 30rpx;
    background-color: #f9f9f9;
    border-radius: 16rpx; // 圆角边框
    box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.05); // 轻微阴影增加立体感

    .input_label {
      flex: 1;
      font-size: 28rpx;
      color: #333;
      margin-right: 20rpx;
      text-align: left;
    }

    .input {
      flex: 3;
      font-size: 28rpx;
      color: #1D2129;
      padding: 16rpx 24rpx;
      border-radius: 12rpx;
      background-color: #FAFAFA;
      box-sizing: border-box;
      display: flex;
      align-items: center;

      &::placeholder {
        color: #bbb;
      }
    }
  }


  .body_foot {
    margin: 20rpx auto;
    padding: 20rpx;
    width: 300rpx;
    height: 50rpx;
    border-radius: 20rpx;
    text-align: center;
  }
}








